<div data-page="<{$pageName}>_wap" class="page subject_detail">
    <div class="page-content">
        <style>
        .detail_content {
            margin-bottom: 30px; display: none;
        }
        
        .sortlist ul li {
            margin: 0px !important;
        }
        
        .sortlist ul li a {
            margin: 0px !important;
            padding: 0px;
            padding: 0px 8px;
        }
        
        .detail_content {
            min-height: 200px;
            padding: 0px 10px;
            padding-top: 10px;
        }
        .mgt60{ margin-top: 60px }
        .detail_content h3{ font-size: 16px  }
        .detail_content .lesson{ border: none; }
        </style>
        <div class="course_info_top" style="background:#fff;  padding-bottom:10px">
            <div> <img src="__Img__/<{$data.picname}>@475h_800w_1e_0c">
                <div class="container" style="margin-top:20px">
                    <div class="f24 clearfix" style="font-size:16px">
                        <{$data.subject}>
                    </div>
                    <div class="course_price mgt10"> <span class="nav-price"><span class="f24 red">￥</span>
                        <font id="order_amount_text" style=" font-size:24px">
                            <{$data.price}>
                        </font>
                        </span> <span class="muted f14 ">&nbsp;&nbsp;&nbsp;(共有 <{$buy_count}> 名学员)</span> </div>
                    <div class="muted mgt10">
                        <{$data.class_hours}>课时 <span class="muted light">/</span> 报名即学 至
                            <{$data.end_date}>
                    </div>
                </div>
            </div>
        </div>
        
        <div id="subject_detail_body" style="background:#fff; ">
            <div class="sortlist clearfix swiperTap" id="introNav">
                <ul class="nav clearfix ">
                    <li class="active"><a onclick="return showTab(this)" _href="#introBrief" href="javascript:">购买须知</a></li>
                    <li class=""><a onclick="return showTab(this)" _href="#introLesson" href="javascript:">课程表</a></li>
                    <li class=""><a onclick="return showTab(this)" _href="#introVoice" href="javascript:">学员心声</a></li>
                    
                </ul>
            </div>
            <div class="swiperContent">
                
                 <div class="detail_content tabPane" id="introBrief" style="display:block">
      
                    <{$data.rntro}>
                </div>
                <div class="detail_content tabPane" id="introLesson" style="padding:0px">
                    <if condition="$data['childs']">
                        <volist name="data['childs']" id="vo1">
                            <h3 style="margin-top:15px; color:green"><{$vo1.subject}></h3>
                            <{:Widget( 'BoxEdu/Index/subject_list/tpl/subject_list_no_link',array( 'subjectid'=>$vo1['subjectid'],'url'=>'Subject/lesson_detail'))}> </volist>
                        <else/>
                        <{:Widget( 'BoxEdu/Index/subject_list/tpl/subject_list_no_link',array( 'subjectid'=>$subjectid,'url'=>'Subject/lesson_detail'))}> </if>
                </div>
                <div class="detail_content tabPane" id="introVoice">
                    <{:Widget( 'BoxEdu/Index/order_comment/tpl/order_comment_2',array( 'pid'=>$subjectid))}> </div>
                
            </div>
        </div>
    </div>
    <div class="fixedBottom" align="center">
        <div class="col-xs-5"><span class="nav-price"><span class="f24 red">￥</span>
            <font id="order_amount_text" style=" font-size:24px">
                <{$data.price}>
            </font>
            </span>
        </div>
        <div class="col-xs-7" align="right"> <a target="_blank" <if condition="$data['childs']">href="<{:U('Subject/select_subject',array('subjectid'=>$data['subjectid']))}>" data-type="modal"
												<else/>
												href="<{:U('Subject/index',array('subjectid'=>$data['subjectid']))}>"</if>
								class="btn btn-success border-radius-none" >试听</a> <a href="javascript:" onClick="buy_now('1')" class="btn  btn-info border-radius-none "> 立刻报名</a> </div>
    </div>
    <input type="hidden" id="goods_amount" value="<{$data.price}>" />
    <script type="text/javascript">
    function showTab(_this) {
        var id = $(_this).attr("_href");
        $(_this).parent().parent().find("li").removeClass('active');
        $(_this).parent().addClass('active');
        $(".detail_content").hide();
        $(id).show();
    }
    var select_offline = <{$offline_subject['offline'] |default = "0"}> ;
    var select_apply = <{$offline_subject['apply']|default = "0"}> ;
    var buy_type = 2;
    var money = <{$user_info['money']|default = "0"}> ;
    var goods_amount = <{$data.price}> ;
    var subjectid = <{$data.subjectid}> ;
    var check_url = "/Subject/get_card";
    
    </script>
</div>
